<!DOCTYPE html>
<html>
		<head>
			<meta charset="utf-8"/>
				 <!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
			<title>LOADING</title>
						 
		<link rel="stylesheet" href="css/chargement.css"/>
		<link rel="stylesheet" href="css/style_menu.css"/>
		<link rel="stylesheet" href="css/position.css"/>
		<script type="text/javascript" src="Script/script.js"> </script>
		<script type="text/javascript" src="Script/jmenu.js"> </script>
		<script type="text/javascript" src="Script/jconnect.js"> </script>	
						  								 
				 </head>
						<body>
							<header id="menur">
										<ul id="gauche">
												<li class="contener_lien" id="_section"> Accueil </li>
												<li class="contener_lien"  id="_section_deux"> Etablissement </li>
												<li class="contener_lien" id="_section_trois"> Prof </li>
										</ul>

										<ul id="droite">
												<li  class="contener_connect" id="_section_four">Connexion</li>

												
													<li class="contener_inscript"id="_section_cinq">S'inscrire</li>
												<div id="recherche_conteneur">
													<input type="text" placeholder="Rechercher"  class="recherche rech"  name="recherche" style="height:29px; display:none ;border:2px solid #a5cbde;border-left:0" / >
													<div class="imaga_contain">
															<img class="image_rech rech" src="css/wallpapers/recherche.png" style="width:29px;height:31px; top:-9px; margin-right:0px"/>
													</div>
												</div>
										</ul>
					            </header>      
							
	<section id="section"> 	

		<img src="css/wallpapers/fond-ecran.jpg"style="position:relative; width:100%;height:100%"/>

		<div class="Presentaion">

					<p style="position:absolute;top:50px ;color:white; text-align:center; right:40px " > <font size="8">Bienvenue dans la Premiere plateforme de notation des professeurs </font>
					</p>
						
							
						<article style="position:absolute;top:450px;  width:820px;  margin-top:10px; margin-bottom:8px;
						                left:250px; padding:15px">
						         <font size="6" style="left: 100px"> C'est quoi ces objectifs?</font>      
						         <h4> <b>NOTATION DES PROFESSEURS</b> a pour objectif de faciliter la tache aux differentes ecoles qui veulent recruter des professeurs de connaitre la vrai identite d'un professeur. Il permet aussi aux eleves de pouvoir adapter un certain comportement face a un porfesseur donné en connaissant le genre de personne avec qui il a affaire. 
								</h4> 
						</article>
						
			</div>
		</div>	
	</section>		

	<section id="section_deux"> 	
				 <div class="partie">
		 		

		 		<div class="cadrediscours"id="c_discours">
		 				<div class="truediscours">
		 						<p> DECOUVOUREZ la liste des meilleurs Etablissement scolaire  du  Senegal</p>
		 						<p>  Grace aux notes données aux professeurs par les étudiants   </p>
		 				</div>

		 				<div class="link">
		 						<a class="lien" href="#">Top école</a>
		 						
		 				</div>
		 		</div>
        </div>







		
	</section>	

<section id="section_trois"> 	
        <div class="partie">
        		
        			<div class="cadre_topprof">
        						<div class="cadretof">
        								<img src="css/wallpapers/cool_prof.png" style="width:100%;height:100%;border-radius:100%">
        						</div>
		        				
		        				<div class="commentaire">
		        					<h3>Professeur du mois</h3>
		        					<p> Monsieur Cool_Prof  est une fois de plus notre professeur du  mois </p>
		        					<p>  il a  encore une fois de plus fait honneur a son nom </p>  
		        					<p> Etablissement: poutlar</p>
		        					<p> matier: quiditch</p>
		        				</div>
		        				<div class="badge">
		        						<img class="badgeu" src="css/wallpapers/badge/enorme.png " style="position:relative;width:40px;height:40px">
		        						<img class="badgeu" src="css/wallpapers/badge/sentimental.png " style="position:relative;width:40px;height:40px">
		        						<img class="badgeu" src="css/wallpapers/badge/sun-medium.png " style="position:relative;width:40px;height:40px">
		        				</div>
		        				<div class="profil">
        							<p>Mr Cool Prof</p>
								</div>
        			</div>

        			

        			

        </div>
				
		 <div class="partie">
		 		

		 		<div class="cadrediscours">
		 				<div class="truediscours">
		 						<p> DECOUVOUREZ la liste des meilleurs professeurs du  Senegal</p>
		 						<p> Et Noter Les en fonction de votre appréciation  </p>
		 				</div>

		 				<div class="link">
		 						<a class="lien" href="#">Top prof</a>
		 						<a class="lien" href="#">Noter un prof</a>
		 				</div>
		 		</div>
        </div>
	</section>	
	
<section id="section_four"> 	

		<div id="connexion"  >
					   	    			  	

					   	    			  
					   	    			  		
					   	    			  		
					   	    			  	

										<div  id="forme_membre" class="formulaire">
					   	    			  	<form action="#"   method="POST">
					   	    			  		<div id="position_lien">
							   	    			  		<p style="color:black">Se connecter en tant que</p>
							   	    			  		<p class="contener_membre" id="un">Membre</p>
							   	    			  		<p class="contener_membre" id="de">Professeur </p>
					   	    			  		</div>
					   	    			  		<div id="membre" style="">
					   	    			  			<input type="text" name="pseudo" id="pseudo"  placeholder="Nom d'utilisateur ou Id connect"class="horizon"/>
					   	    			  		
					   	    			  			<input type="text" name="mot_de_pass" id="mot_de_pass"  placeholder="mot de passe"  class="horizon"/>
					   	    			  		
					   	    			  			<input type="submit" value="Se Connecter" class="validey"/>
					   	    			  		</div>
					   	    			  	</form>

					   	    			<form action="#"   method="POST">
					   	    			  		<div id="professeur" style="display:none">
						   	    			  		<input type="text" name="email" id="email"  placeholder="email"class="horizon"/>
						   	    			  		
						   	    			  		<input type="text" name="mot_de_pass" id="mot_de_pass"  placeholder="mot de passe"  class="horizon"/>
						   	    			  		
						   	    			  		<input type="submit" value="Se Connecter" class="validey"/>
						   	    			  			
					  							</div>
										</form>

					   	    			</div> 	

				   	    			</div>	
	</section>	

	<section class="part2"id="section_cinq"> 
	
		<div id="Inscriptions"  >
					   	    			  	<form action="#"   method="POST" id="forme_insc_membre" class="formulaire">
					   	    			  			<p style="color:black">Inscription Membre</p>
					   	    			  
					   	    			  		
					   	    			  		<input type="text" name="pseudo" id="pseudo"  placeholder="Nom d'utilisateur"class="horizon"/>
					   	    			  		<input type="text" name="email" id="email"  placeholder="Adress Email"  class="horizon"/>
					   	    			  		<select name="nom" class="horizon">
											     				<?php 
											     				foreach ($langue as $keye => $valu) {
											     					
											     		 	 		echo '<option value="'.$keye.'" name="rep_prof">'.$valu.'</option>';
											     		 	 		} 
											     		 	 	 ?>
											     </select>
					   	    			  		<input type="text" name="mot_de_pass" id="mot_de_pass"  placeholder="mot de passe"  class="horizon"/>
					   	    			  		<input type="text" name="breh" id="breh"  placeholder="Confirmer mot de passe "  class="horizon"/>

					   	    			  		<input type="submit" value="S'inscrire" class="validey"/>
					   	    			  	</form>



					   	    			  	<form action="#"   method="POST" id="forme_insc_prof" class="formulaire">
					   	    			  		<p style="color:black">Inscription Representant ou professeur</p>
					   	    			  		<input type="text" name="id_validation" id="id_validation"  placeholder="identifiant validation"class="horizon"/>
					   	    			  		<input type="text" name="email" id="email"  placeholder="Adress Email"  class="horizon"/>
					   	    			  		<select name="nom" class="horizon">
											     				<?php 
											     				foreach ($niveau as $keye => $valu) {
											     					
											     		 	 		echo '<option value="'.$keye.'">'.$valu.'</option>';
											     		 	 		} 
											     		 	 	 ?>
											     </select>
					   	    			  		<input type="text" name="mot_de_pass" id="mot_de_pass"  placeholder="mot de passe"  class="horizon"/>
					   	    			  		<input type="text" name="mot_de_pass_verif" id="mot_de_pass_verif"  placeholder="Confirmer mot de passe "  class="horizon"/>

					   	    			  		<input type="submit" value="S'inscrire" class="validey"/>
					   	    			  	</form>

				   	    			</div>	

		
	</section>	
			<section id="section_six"> 
			   	<div class="partie_de">
			   			<div class="profilera">
			   				<img class="tof_prof" style="position:relative;left:-120px;width:100px;height:100px;border-radius:100%"src=""/>
			   				<p class="titre">Nom prenom</p>	
			   			</div>

			   			<div class="profilera">
			   				<img class="tof_prof" style="position:relative;left:-120px;width:100px;height:100px;border-radius:100%"src=""/>
			   				<p class="titre">Nom prenom</p>
			   			</div>
			   			<div class="profilera">
			   				<img class="tof_prof" style="position:relative;left:-120px;width:100px;height:100px;border-radius:100%"src=""/>
			   				<p class="titre">Nom prenom</p>
			   			</div>
			   				<div class="profilera">
			   					<img class="tof_prof" style="position:relative;left:-120px;width:100px;height:100px;border-radius:100%"src=""/>
			   					<p class="titre">Nom prenom</p>
			   			</div>


			   	</div>
			   	<div class="partie_de"><p>dfqsdfqs</p></div>
			</section>			     
								</body>
							
</html>